<template>
	<view class="title"><text>{{text}}</text></view>
</template>

<script>
	export default {
		name: "title",
		props: {
			text: {
				type: String,
				default: '标题'
			}
		}
	}
</script>

<style scoped lang="scss">
	.title {
		box-sizing: border-box;
		position: relative;
		font-size: 14px;
		margin: 14px 12px;
		padding-left: 16px;

		&:before {
			content: '';
			position: absolute;
			top: calc(50% - 6px);
			left: 0;
			width: 4px;
			height: 12px;
			border-radius: 8px;
			background-color: #297ff6;
		}
	}
</style>